FRONT END WEB DEVELOPER SYLLABUS
• Enable participants to develop elegant and responsive Front-end by leveraging latest technologies • Build strong foundations (ex: Design pattern) in entry level engineers thereby making them job ready as per industry requirements. Enable them to learn new technologies by applying foundation paradigms • By the end of the program participants will be become an industry-ready engineer who can be readily deployed in a project
Duration
navratri special discount offer
50%
Available Seats
30
Schedule
Weekly:- 5.00 pm - 7.00 pm
WeekEnd:- Saturday - Sunday : 11:00 am - 2:00 pm
1 Hyper Text Mark-up Language (HTML5)
• Introduction HTML
• HTML Basics
• HTML Elements
• HTML5 Semantic
• HTML Attributes
• HTML Headings
• HTML Paragraph
• HTML Styles
• HTML Formatting
• HTML Quotations
• HTML Computer Code
• HTML Comments & Colours
• HTML CSS, Links and Images
• HTML Lists
• HTML Blocks
• HTML Classes
• HTML Layout
• HTML Responsive
• HTML iframes
• HTML JavaScript
• HTML Head
• HTML Entities and URI Code
• HTML Symbols and XHTML
• HTML Charset and Forms
2 Cascading Style Sheets (CSS3)
• Introduction CSS3
• CSS3 Syntax
• CSS3 How To
• CSS3 Colours
• CSS3 Backgrounds
• CSS3 Boarders
• CSS Padding
• CSS Height/Width
• CSS3 Gradients
• CSS3 Shadows
• CSS3 Text
• CSS3 Fonts
• CSS3 2D Transforms
• CSS3 3D Transforms
• CSS Links
• CSS Lists
• CSS Tables
• CSS Box Model
• CSS Outline
• CSS Display
• CSS Max-width
• CSS Positionr
• CSS Float
• CSS Inline-block
• CSS Align
• CSS Combinators
• CSS Pseudo-class
• CSS Pseudo-element
• CSS Navigation Bar
• CSS Dropdowns
• CSS Tooltips
• CSS3 Images
• CSS Attr Selectors
• CSS Forms
• CSS Counters
• CSS3 Animations
• CSS3 Buttons
• CSS3 Pagination
• CSS3 Multiple Columns
• CSS3 User Interface
• CSS3 Box Sizing
• CSS3 Filters
• CSS3 Media Queries
• CSS3 Responsive
3 Algorithms and Problem solving
• Problem solving - what?
• Introduction to SDLC
• Polya's rules
• Algorithm design methods
• Pseudo code creation
• Flowcharts
4 Introduction to JavaScript
• History of JavaScript
• Advantages
• Limitations
• Script element
• Creating your first JavaScript program
• Coding convention
• Setting up development environment (with VSCode)
5 Types and Statements
• Keywords in JavaScript
• Overview of Data types
• Primitive Data types
• Non-primitive Data types
• Conditional statements
• I/O in JavaScript
• Loops
6 Operators
• Introduction to operators
• Operator precedence and associativity
• Deep dive into operators
• Arithmetic
• Comparison
• Ternary
• Logical
• Language
• Bitwise
7 Functions - Level I
• Introduction to functions
• Function definition
• Passing values
• Returning values
• Robust parameter handling
• Local and global variables
• Functions as objects
• Function constructor
8 Functions - Level II
• Function invocation patterns
• Recursion functions
• Generator functions
• Arrow functions
• Variadic functions
• JavaScript scopes
• Function closures
9 Arrays and Strings
• Introduction to Arrays
• Array declaration
• Array access methods
• Multi-dimensional arrays
• String properties
• String access methods
10 Regression methods
• Introduction to RegExp
• Regular expression usage
• Modifiers
• RegExp patterns
• RegExp methods
• String methods for RegExp
• Type conversion in JavaScript
11 Objects in JavaScript
• Introduction to objects
• Type of objects in JavaScript
• Creating objects
• Object methods
• Constructor function
• Prototype in JavaScript
• Inheritance using prototype chain
12 Event handling
• JavaScript events
• Event handler
• Event flow
• Event bubbling and capturing
• Event listeners
• Event types
13 Document Object Model (DOM)
• Introduction to DOM
• Types of DOM
• DOM standards and methods
• Manipulating documents using DOM
• Handling images
• Table manipulation
• Animation
• Node and Node-list handling
14 Browser Object Model (BOM)
• Introduction to BOM
• DOM vs BOM differences
• Window object and methods
• BOM navigator
• BOM history
• BOM location
• BOM timer
• Introduction to Cookies
• Session and persistent cookies
15 Form Handling
• Introduction to forms
• Form processing
• Forms object
• Accessing data from forms
• Form validation
• Additional features
16 Debugging Techniques
• JavaScript Errors
• Error handling mechanisms
• Introduction to Google Chrome debugger
• Deep dive into debugger window
• Introduction to Breakpoints
• Changing variable values in runtime
• Avoiding mistakes
17 jQuery
• Introduction to jQuery
• jQuery Syntax
• jQuery Selectors
• jQuery Events
• jQuery Effects
• jQuery HTML
• jQuery Traversing
• jQuery AJAX
• jQuery Misc
18 Bootstrap
• Introduction to Bootstrap
• Bootstrap Basics
• Bootstrap Grids
• Bootstrap Themes
• Bootstrap CSS
• Bootstrap JS
19 Introduction to React
• History of React
• Key Benefits of React
• React development environment
• Creating your first React Application
• React Source code structure
20 JSX
• Introduction to JSX
• Coding in JSX
• Expressions in JSX
• Working with HTML
• Conditional Constructs
21 Components
• Introduction to components
• Why Components?
• Writing JSX code in components
• Adding CSS
• Populating Data Dynamically
• Passing data through "props"
• Multiple Components
22 State and Event Binding
• Introduction to Events
• Event Handlers
• Working with state
• Data Binding
• Controlled and Uncontrolled Components
23 Rendering Lists and Conditional Contents
• Rendering lists of data
• Using stateful list
• Keys in data
• Conditional Contents
• Adding dynamic styles
24 Debugging Techniques
• Understanding error message
• Code flow and warnings
• Breakpoints
• Using React Dev Tools
25 Class based Components
• What and Why?
• Adding first class based component
• Working with states and events
• Component Life cycle and in action
• Class based vs functional component
26 HTTP
• Introduction to HTTP
• Methods in HTTP
• Response code in HTTP
• Introduction to REST interfaces
• Characteristics of REST
• Introduction to JSON
• JSON data representation
• GET request
• Using async and await
• Handling Http errors
• useEffects()
• POST request
27 Custom React Hooks
• What are custom hooks?
• Creating and using custom hooks
• Custom HTTP hooks
28 Forms
• Introduction to Forms
• Working with user input and submission
• Adding validation
• Working with custom hooks
29 Routing and Navigation
• Introduction to Single Page Applications
• What is Routing?
• Why Routing?
• Installing react router
• Defining and using routes
• Working with links
• Dynamic routes with Params
• Nested routes
• Redirecting the user
• Working with query Param
• Sending and getting data via HTTP
30 Authentication
• What is authentication?
• Why and How?
• Authentication tokens
• Setting up
• Adding signup
• Showing feedback to the user
• Adding User login
• Managing authstate with context
• Using tokens
• Redirecting the user
• Adding logout
• Protecting frontend pages
• Persisting User authentication status
• Adding auto logout
31 Deployment
• Introduction
• Deployment steps
• Adding lazy loading
• Building the code for production
• Getting started with deployment
• Handling routes and finishing deployment